<template>
    <div class="clearfix">
        <div class="num-box">
            <p class="font">提前办件数</p>
            <p class="num">{{indexData.countApproveAhead}}件</p>
        </div>
        <div class="num-box">
            <p class="font">预警办件数</p>
            <p class="num">{{indexData.countApproveWarning}}件</p>
        </div>
        <div class="num-box">
            <p class="font">逾期办件数</p>
            <p class="num">{{indexData.countApproveOverdue}}件</p>
        </div>
        <div class="num-box">
            <p class="font">办结率</p>
            <p class="num">{{indexData.countApproveAheadRate}}%</p>
        </div>
        <div class="num-box">
            <p class="font">预警率</p>
            <p class="num">{{indexData.countApproveWarningRate}}%</p>
        </div>
        <div class="num-box">
            <p class="font">逾期率</p>
            <p class="num">{{indexData.countApproveOverdueRate}}%</p>
        </div>
        <div class="num-box">
            <p class="font">邮寄材料比例</p>
            <p class="num">{{indexData.countApproveExpressRate}}%</p>
        </div>
        <div class="num-box">
            <p class="font">审批提速</p>
            <p class="num">{{indexData.countApproveSpeed}}件</p>
        </div>
    </div>
</template>

<script>
    import API from '@/api'
    export default {
        name: 'banjian-xiaoneng',
        components: {
        },
        data () {
            return {

            }
        },
        props:['indexData'],
        mounted(){
        },
        methods: {

        }
    }

</script>
<style lang="less">
    .num-box{
        float: left;
        text-align: center;
        width: 300px;
        .font{
            line-height: 75px;
        }
        .num{
            margin: auto;
            text-align: center;
            font-size: 42px;
            width: 221px;
            height: 57px;
            background-color: #332369;
            font-weight: bold;
        }
    }
</style>
